<template>
  <div class='personalAssets'>
    <el-card style="width: 98%;">
      <div class="table-block">
        <h2>今日资产统计</h2>
        <el-table border
                  stripe
                  :header-cell-style="{color: '#000'}">
          <el-table-column prop="name"
                           label="资产统计项目">
          </el-table-column>
          <el-table-column prop="number"
                           label="金额">
          </el-table-column>
        </el-table>
      </div>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue'


</script>
<style scoped lang='scss'>
.personalAssets{
    display: flex;
    justify-content: center;
    margin-top: 10px;
    .table-block{
        h2 + .el-table{
            margin-top: 20px;
        }
    }
    .chart-block{
        .assetsChart{
            width: 100%;
            height: 500px;
        }
        h2 + .assetsChart{
            margin-top: 20px;
        }
    }
    .table-block + .chart-block {
        margin-top: 50px;
    }
}
</style>